<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Helpjs</title>
  <script src="help.js"></script>
  <script src="../listen-template/lt.js"></script>
  <link rel="stylesheet" href="../code-view/code.css">
  <script src="../code-view/code.js"></script>
</head>

<body>
  <h1>Helpjs</h1>
  <div class="a">
    <div class="a">
      <div class="a"></div>
    </div>
    <div>
      <div>
        <p>pppppppp</p>
      </div>
    </div>
    <div>
      <div>
        <p>pppppppp</p>
      </div>
    </div>
  </div>
  <script code=4>
    // css html
    $('div div').css({
      'background-color': '#ccc',
      'border-radius': '24px',
      'line-height': '30px'
    }).cssText('color: yellow; text-align: center;').find('p').html(new Date);

    // bind event
    $('body').on('click', 'div div div', function (e, el) {
      console.log(e, el, this)
    }).on('click', 'span.white', function (e, el) {
      console.log(e, el, this)
    });

    // bind event
    $(window).on('load', function (e) {
      console.log(e, this)
    });

    // DOMContentLoaded
    $(function (e) {
      // console.log(e)
    });
  </script>
</body>

</html>